<?php 

    /*Author : IronLady*/

?>
<div class="centerBoxWrapper carousel-wrapper">
<h2 class="centerBoxHeading"><?php echo TEXT_MANUFACTURERS; ?></h2>
<div class="manufacturers-carousel-nav carousel-nav"></div>
<div id="manufacturersIndex">   
<ul class="slides">    
<?php while (!$manufacturers->EOF) { ?>
    <li class="centeredContent"><a href="<?php echo $manufacturers->fields['manufacturers_url']; ?>" class="manufacturersImage" target="_blank"><?php echo zen_image(DIR_WS_IMAGES .  $manufacturers->fields['manufacturers_image'], $manufacturers->fields['manufacturers_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_WIDTH); ?></a></li>
<?php $manufacturers->MoveNext(); ?>
<?php } ?>
</ul>
</div>
</div>
<script type="text/javascript"><!--
$(window).load(function() {
	$('#manufacturersIndex').flexslider({
		namespace: "grey-",
		slideshow: false,
		animation: "slide",
	    animationLoop: false,
		pauseOnHover: true,
        controlNav: false,
 		prevText: '<i class="icon-angle-left"></i>',
 		nextText: '<i class="icon-angle-right"></i>',
        controlsContainer: ".manufacturers-carousel-nav",
        manualControls: ".manufacturers-carousel-wrapper",
		itemWidth: 234
	});
});
--></script>    